<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta content="width=device-width,inital-scale=1">
    <meta name="viewport" content="user-scalable=0" />
    <link rel="stylesheet" href="//cdn.bootcss.com/weui/0.4.3/style/weui.min.css">
    <link rel="stylesheet" href="../css/jquery-weui.min.css">
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/order.css">
    <link rel="stylesheet" href="../css/OrderList.css">
</head>
<body id="body">
          <div class="headDiv">
              <a class="loulan">楼兰</a>
              <a class="title">全世界最好吃的肉串</a>
              <a  href="javascript:;" class="open-popup" data-target="#list"><img class="shoppingListImage" src="../image/list.png"></a>
          </div><hr style="width:210px"/>
          <div  class="leftDiv pubilc">
              <hr style="width:210px"/>
              <ur>
                  <li><a class="navigationBar"  href="#羊肉串">羊肉串</a></li>
                  <li><a class="navigationBar"  href="#中餐">中餐</a></li>
                  <li><a class="navigationBar"  href="#西餐">西餐</a></li>
                  <li><a class="navigationBar"  href="#饮料">饮料</a></li>
                  <li><a class="navigationBar"  href="#下午茶">下午茶</a></li>
              </ur>
          </div>
          <div  class="rightDiv pubilc">
                  <div id="info"></div>

          </div>
          <div class="bottomDiv">
              <a  href="javascript:;" class="image" data-target=""><img class="cartImage " src="../image/cart.png">
                  <button  class="cartSumCount">0</button></a>
              <a class="sumPrice">总计:<a class="sumPay">0.00元</a></a>
              <a  href="javascript:;" class="order open-popup"  data-target="#full">下单</a>
          </div>
         <!-- <订单列表模板>-->
          <div id="list" class='weui-popup-container' style="bottom:0;">
              <div class="weui-popup-overlay"></div>
              <div class="weui-popup-modal" style="height:100%;background:gainsboro">
                  <div class="aboveDiv">
                  <p class="orderList">订单列表</p>
                  </div>
                  <div  class="belowDiv">
                      <a href="javascript:;"  class="more back">更多</a>
                  </div>
                  <a href="javascript:;" class=" back close-popup">返回</a>
              </div>
          </div>
          <!-购物车从底部出现的模板--->
          <div id="half" class='weui-popup-container popup-bottom'>   //将popup-bottom的height改成50%(需要加载的模板)
              <div class="weui-popup-overlay"></div>
              <div class="weui-popup-modal halfScreen" id="halfScreen">
                  <div class="topDiv">
                      <div class="toolbar-inner">
                          <a class="selectedMenu" id="menu">已选菜品</a>
                          <button href="javascript:;" class="close-popup shutDown">关闭</button>
                      </div>
                  </div>
                  <div class="centerDiv">
                  </div>
              </div>
          </div>
          <!--下单模板-->
          <div id="full" class='weui-popup-container' style="bottom:0;">
              <div class="weui-popup-overlay"></div>
              <div class="weui-popup-modal" id="fullScreen" style="height:100%;background:gainsboro">
                  <div id="mainDiv">
                      <b class="table">餐桌: 1号桌</b>
                      <div>
                          <p class="buyProduct"></p>
                          <p class="tableware">餐具<button class="canju">0</button>
                              <a>5元</a>
                              <a id="sumPrice">0元</a>
                          </p>
                          <p class="sumPrice">合计<a class="heJi">0元</a>
                          </p>
                      </div>
                      <input   class="input" placeholder="请输入备注,如:是否有忌口">
                      <button  class="weChatPayment clickButton">微信支付</button>
                      <button  class="cancel clickButton close-popup">取消</button>
                  </div>
              </div>
          </div>
          <script src="//cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
          <script src="//cdn.bootcss.com/jquery-weui/0.8.0/js/jquery-weui.min.js"></script>
          <script src="//cdn.bootcss.com/jquery-weui/0.8.0/js/swiper.min.js"></script>
          <script src="//cdn.bootcss.com/jquery-weui/0.8.0/js/city-picker.min.js"></script>
          <script src="../js/home.js"></script>
</body>
</html>